<!DOCTYPE html>
<html lang="en-us" id="lock-page">
	<head>
		<meta charset="utf-8">
		<title> Mr-Rights|Login</title>
		<meta name="description" content="">
		<meta name="author" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		
		
		<!-- #CSS Links -->
		<!-- Basic Styles -->



		<script src="${resource(dir: 'site/js/libs', file: 'jquery-2.0.2.min.js')}"></script>
		<script src="${resource(dir: 'site/js/libs', file: 'jquery-ui-1.10.3.min.js')}"></script>	
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'bootstrap.min.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'font-awesome.min.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'smartadmin-production.min.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'smartadmin-skins.min.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'lockscreen.min.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'exdebito.css')}" type="text/css">
		<!-- #GOOGLE FONT -->
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">
		<script src="${resource(dir: 'site/js/plugin/pace', file: 'pace.min.js')}"></script>
		
		<!-- BOOTSTRAP JS -->		
		<script src="${resource(dir: 'site/js/bootstrap', file: 'bootstrap.min.js')}"></script>
		<!-- JQUERY VALIDATE -->
		<script src="${resource(dir: 'site/js/plugin/jquery-validate', file: 'jquery.validate.min.js')}"></script>
		<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/additional-methods.min.js" type="text/javascript"></script>
		<!-- JQUERY MASKED INPUT -->
		<script src="${resource(dir: 'site/js/plugin/masked-input', file: 'jquery.maskedinput.min.js')}"></script>
		
		<!-- MAIN APP JS FILE -->
<%--	<script src="${resource(dir: 'site/', file: 'app.min.js')}"></script>--%>
		<!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<style type="text/css">
			.lockscreen .logo+div>img+div>:first-child>:first-child{
					opacity: 1;
				 padding: 10px; 
			}
		</style>
	</head>
	
	<body>

		<div id="main" role="main">

			<!-- MAIN CONTENT -->
			

			<form class="lockscreen animated flipInY" action="${postUrl}" method='POST'>
				<div align="center">
						<img height="43%" width="78%" src="${resource(dir: 'images', file: 'mr_rights.jpg')}"/> 

				</div>
				</br></br>
<%--				<div>--%>
<%--						<img src="${resource(dir:'site/	img',file:'male.png') }"/>					--%>
<%--					<div>--%>
					<g:if test='${flash.message}'>
					
						<div class='login_message'><p class="text-warning">${flash.message}</p></div>
						
						
					</g:if>
						
						<div class="input-group">
							<input type='text' class='text_ form-control' name='j_username' id='username' placeholder="Username"/>
							<div class="input-group-btn">
								<button class="btn btn-primary" >
									<i class="fa fa-user"></i>
								</button>
							</div>
						</div>
						<br/>
						<div class="input-group">
							<input class="form-control" type="password" placeholder="Password" name='j_password' id='password'>
							<div class="input-group-btn">
								<button class="btn btn-primary" >
									<i class="fa fa-key"></i>
								</button>
							</div>
						</div>
						
						<div class="input-group">
							
											<input type="checkbox" name='${rememberMeParameter}' id='remember_me' checked="">
											<i>&nbsp;&nbsp;${message(code: "springSecurity.login.remember.me.label")}</i>
						</div>
						<p class="no-margin margin-top-5">
							<button type="submit" class="btn btn-primary">
													Entra
												</button>
						</p>
						</br>
						<p class="no-margin margin-top-5" align="right">
					<a href="https://support.google.com/chrome/answer/95346?hl=it" target="_blank"> <h7 align="right">Sistema Ottimizzato per Chrome 
						<img style="width: 35px;" class="" src="${resource(dir: 'images',file: 'chrome_download_white.png')}"/></h7>
					</a>
						</p>						
						</br>
							<p align="right" class="font-xs margin-top-5">
								Copyright &nbsp;<a href="http://www.macro-solution.it" target="_blank"><span class="txt-color-black">MacroSolution</span></a>&nbsp; © 2015-2020.
							</p>
					</div>

				</div>
			</form>

		</div>

		<!--================================================== !-->	
</body>
</html>